﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="HomeWork/TODO.css">
    <script src="HomeWork/vue.js"></script>

</head>

<body>
    <div id="todo">
        <child message="hello!"></child>
    </div>
    
    <script>

        Vue.component('child', {
            // 声明 props
            props: ['message'],
            // 就像 data 一样，prop 可以用在模板内
            // 同样也可以在 vm 实例中像 “this.message” 这样使用
            template: '<span>{{ message }}</span>'
        })
        var todos = new Vue({
            el: '#todo',
        })
    </script>
</body>

</html>
